<div class="panel panel-default panel-intro">
    {:build_heading()}
    <div class="panel-body">
        <div class="row">
            <div class="col-md-12">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar">
                        <div class="form-inline">
                            <div class="form-group">
                                <label>开始日期：</label>
                                <input type="date" class="form-control" id="start_date" value="{$startDate}">
                            </div>
                            <div class="form-group">
                                <label>结束日期：</label>
                                <input type="date" class="form-control" id="end_date" value="{$endDate}">
                            </div>
                            <a class="btn btn-primary btn-search" title="查询"><i class="fa fa-search"></i> 查询</a>
                            <a class="btn btn-success btn-export" title="导出"><i class="fa fa-download"></i> 导出</a>
                            <a class="btn btn-warning btn-generate" title="生成数据" href="{:url('scanwork/cost/generateData')}"><i class="fa fa-magic"></i> 生成数据</a>
                        </div>
                    </div>
                    
                    <!-- 成本汇总 -->
                    <div class="row" style="margin-bottom: 20px;">
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-blue"><i class="fa fa-cube"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">材料成本</span>
                                    <span class="info-box-number" id="total_material">¥0.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-green"><i class="fa fa-users"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">人工成本</span>
                                    <span class="info-box-number" id="total_labor">¥0.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-yellow"><i class="fa fa-cogs"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">制造费用</span>
                                    <span class="info-box-number" id="total_overhead">¥0.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="info-box">
                                <span class="info-box-icon bg-red"><i class="fa fa-money"></i></span>
                                <div class="info-box-content">
                                    <span class="info-box-text">总成本</span>
                                    <span class="info-box-number" id="total_cost">¥0.00</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 成本趋势分析 -->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="box box-primary">
                                <div class="box-header with-border">
                                    <h3 class="box-title">成本趋势分析</h3>
                                </div>
                                <div class="box-body">
                                    <div id="costTrendChart" style="width: 100%; height: 400px;"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 成本明细表格 -->
                    <table id="table" class="table table-striped table-bordered table-hover" width="100%">
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
